<script lang="ts" setup>
	// 原型修改，废弃
	import { ref } from "vue";
	import serviceCard from '@/components/service-card/service-card.vue'
	import {
		useRouter
	} from 'uni-mini-router'
	import {
		onShow,
		onHide,
		onLoad
	} from '@dcloudio/uni-app'
	onLoad((options) => {
		console.log(options);
		pageTitle.value = options.data
	})
	let router = useRouter()
	let pageTitle = ref('')
	const searchGo = () => {
		router.push({
			name: 'searchPage',
			params: {
				type: 'marketing'
			}
		})
	}
	let tabsList1 = ref([
		{
			name: '抖音'
		},
		{
			name: '微信'
		},
		{
			name: '美团'
		},
		{
			name: '小红书'
		}
	])
</script>
<template>
	<view class="navSearch">
		<u-navbar :placeholder="true" leftText="" :title="pageTitle" auto-back>
			<template #right>
				<view class="" @click="searchGo">
					<u-icon name="search" size="30"></u-icon>
				</view>
			</template>
		</u-navbar>
	</view>
	<view class="tabs">
		<u-tabs :list="tabsList1" lineColor="#333" :activeStyle="{
			width:'155rpx',
			textAlign:'center',
		            color: '#303133',
		            fontWeight: 'bold',
		        }" :inactiveStyle="{
					width:'155rpx',
					textAlign:'center',
		            color: '#606266',
		        }" lineWidth="155rpx">
		</u-tabs>
	</view>
	<view class="screenContainer">
		转让相关有，其他没有
	</view>
	<view class="marketList">
		<service-card :type="'serviceMakeover'"></service-card>
	</view>
</template>
<style lang="scss">
	.navSearch {
		width: 100%;
		border-bottom: 1rpx solid #e7e7e7;
		height: 100rpx;
	}

	.tabs {
		width: 100%;
		height: 80rpx;
		padding-top: 20rpx;
		display: flex;
		justify-content: center;
	}

	.screenContainer {
		width: 100%;
		height: 100rpx;
		background-color: #000;
	}
</style>